<div id="kt_app_header" class="app-header">
    <!--begin::Header container-->
    <div class="app-container container-fluid d-flex align-items-stretch justify-content-between" id="kt_app_header_container">
        <!--begin::Sidebar mobile toggle-->
        <div class="d-flex align-items-center d-lg-none ms-n3 me-1 me-md-2" title="Show sidebar menu">
            <div class="btn btn-icon btn-active-color-primary w-35px h-35px" id="kt_app_sidebar_mobile_toggle">
                <!--begin::Svg Icon | path: icons/duotune/abstract/abs015.svg-->
                <span class="svg-icon svg-icon-2 svg-icon-md-1">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M21 7H3C2.4 7 2 6.6 2 6V4C2 3.4 2.4 3 3 3H21C21.6 3 22 3.4 22 4V6C22 6.6 21.6 7 21 7Z" fill="currentColor" />
                        <path opacity="0.3" d="M21 14H3C2.4 14 2 13.6 2 13V11C2 10.4 2.4 10 3 10H21C21.6 10 22 10.4 22 11V13C22 13.6 21.6 14 21 14ZM22 20V18C22 17.4 21.6 17 21 17H3C2.4 17 2 17.4 2 18V20C2 20.6 2.4 21 3 21H21C21.6 21 22 20.6 22 20Z" fill="currentColor" />
                    </svg>
                </span>
                <!--end::Svg Icon-->
            </div>
        </div>
        <!--end::Sidebar mobile toggle-->
        <!--begin::Mobile logo-->
        <!-- <div class="d-flex align-items-center flex-grow-1 flex-lg-grow-0 text-truncate">
            <a href="javascript:;" class="d-lg-none text-nowrap  fs-5 text-gray-700">后台管理</a>
        </div> -->
        <!--begin::Header menu toggle-->
        <div class="app-navbar-item d-lg-none ms-2 d-flex align-items-center flex-grow-1 flex-lg-grow-0" title="Show header menu">
            <div class="btn btn-icon btn-active-color-primary w-30px h-30px w-md-35px h-md-35px d-none" id="kt_app_header_menu_toggle">
                <!--begin::Svg Icon | path: icons/duotune/text/txt001.svg-->
                <span class="svg-icon svg-icon-2 svg-icon-md-1">
                    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M13 11H3C2.4 11 2 10.6 2 10V9C2 8.4 2.4 8 3 8H13C13.6 8 14 8.4 14 9V10C14 10.6 13.6 11 13 11ZM22 5V4C22 3.4 21.6 3 21 3H3C2.4 3 2 3.4 2 4V5C2 5.6 2.4 6 3 6H21C21.6 6 22 5.6 22 5Z" fill="currentColor" />
                        <path opacity="0.3" d="M21 16H3C2.4 16 2 15.6 2 15V14C2 13.4 2.4 13 3 13H21C21.6 13 22 13.4 22 14V15C22 15.6 21.6 16 21 16ZM14 20V19C14 18.4 13.6 18 13 18H3C2.4 18 2 18.4 2 19V20C2 20.6 2.4 21 3 21H13C13.6 21 14 20.6 14 20Z" fill="currentColor" />
                    </svg>
                </span>
                <!--end::Svg Icon-->
            </div>
        </div>
        <!--end::Header menu toggle-->
        <!--end::Mobile logo-->
        <!--begin::Header wrapper-->
        <div class="d-flex align-items-stretch justify-content-between flex-lg-grow-1" id="kt_app_header_wrapper">
            <!--begin::Page title-->
            <div class="page-title d-none align-items-center flex-wrap me-3 mb-5 mb-lg-0 ms-lg-1">
                <ol class="breadcrumb breadcrumb-dot fs-6" id="kt_app_header_breadcrumb">
                    <!-- <li class="breadcrumb-item"><a href="#">首页</a></li>
                    <li class="breadcrumb-item"><a href="#">权限管理</a></li>
                    <li class="breadcrumb-item text-muted">用户管理</li> -->
                </ol>
            </div>
            <!--end::Page title-->
            <div class="app-header-menu app-header-mobile-drawer align-items-stretch d-none" data-kt-drawer="true" data-kt-drawer-name="app-header-menu" data-kt-drawer-activate="{literal}{{/literal}default: true, lg: false}" data-kt-drawer-overlay="true" data-kt-drawer-width="240px" data-kt-drawer-direction="start" data-kt-drawer-toggle="#kt_app_header_menu_toggle" data-kt-swapper="true" data-kt-swapper-mode="{literal}{{/literal}default: 'append', lg: 'prepend'}" data-kt-swapper-parent="{literal}{{/literal}default: '#kt_app_body', lg: '#kt_app_header_wrapper'}">
                <!--begin::Menu-->
                <div class="menu menu-rounded menu-column menu-lg-row my-5 my-lg-0 align-items-stretch fw-semibold px-2 px-lg-2" id="kt_app_header_menu" data-kt-menu="true">
                    <!-- <div class="menu-item here me-0 me-lg-1">
                        <a class="menu-link" href="javascript:;" data-menu-id="2" data-menu-title="提示通知" data-menu-path="首页_提示通知" data-menu-icon="" data-menu-url="./dashboard.html">
                            <span class="menu-icon"><i class="bi bi-house"></i></span>
                            <span class="menu-title">控制台</span>
                        </a>
                    </div> -->
                    
                    <div data-kt-menu-trigger="{literal}{{/literal}default: 'click', lg: 'hover'}" data-kt-menu-placement="bottom-start" class="menu-item menu-lg-down-accordion menu-sub-lg-down-indention me-0 me-lg-2 d-none" id="header_menus_more">
                        <!--begin:Menu link-->
                        <span class="menu-link">
                            <span class="menu-title">更多</span>
                            <span class="menu-arrow"></span>
                        </span>
                        <!--end:Menu link-->
                        <!--begin:Menu sub-->
                        <div class="menu-sub menu-sub-lg-down-accordion menu-sub-lg-dropdown px-lg-2 py-lg-4 w-lg-200px">
                            
                            <!-- <div class="menu-item">
                                
                                <a class="menu-link" href="https://preview.keenthemes.com/html/metronic/docs/base/utilities" target="_blank" title="Check out over 200 in-house components, plugins and ready for use solutions" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-dismiss="click" data-bs-placement="right">
                                    
                                    <span class="menu-title">Components</span>
                                </a>
                                
                            </div> -->
                            
                        </div>
                        <!--end:Menu sub-->
                    </div>
                    
                    <!--end:Menu item-->
                    
                </div>
                <!--end::Menu-->
            </div>
            <div></div>
            <!--begin::Navbar-->
            <div class="app-navbar flex-shrink-0" id="kt_app_header_toolbar">
                <div class="d-flex align-items-center ms-1 ms-lg-3 d-none" id="notification">
                    <!--begin::Menu- wrapper-->
                    <div class="symbol symbol-30px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                        <span class="btn btn-sm btn-icon icon-notice pulse pulse-primary">
                            <i class="bi bi-bell fs-3"></i>
                            <span class="pulse-ring"></span>
                        </span>
                        <span class="symbol-badge badge badge-sm badge-circle badge-danger start-100 notification-total">0</span>
                    </div>
                    <!--begin::Menu-->
                    <div class="menu menu-sub menu-sub-dropdown menu-column w-350px w-lg-375px" data-kt-menu="true">
                        <!--begin::Heading-->
                        <div class="d-flex flex-column  rounded-top">
                            <!--begin::Tabs-->
                            <ul class="nav nav-line-tabs nav-line-tabs-2x px-7 pt-4 notification-tabs">
                                <!-- <li class="nav-item">
                                    <a class="nav-link  opacity-state-100 pb-3 text-gray-600 active" data-bs-toggle="tab" href="#notification_default">
                                        <i class="bi bi-chat-square-text text-gray-600 me-1"></i>默认通知 (4)
                                    </a>
                                </li>
                                <li class="nav-item">
                                    <a class="nav-link  opacity-state-100 pb-3 text-gray-600" data-bs-toggle="tab" href="#notification_default2">
                                        <i class="bi bi-bell text-gray-600 me-1"></i>审核通知 (1)
                                    </a>
                                </li> -->
                            </ul>
                            <!--end::Tabs-->
                        </div>
                        <!--end::Heading-->
                        <!--begin::Tab content-->
                        <div class="tab-content notification-content"> 
                            <!-- <div class="tab-pane fade show active" id="notification_default" role="tabpanel">
                                <div class="scroll-y mh-325px my-5 px-8"><div class="d-flex flex-stack py-4">
                                        <div class="d-flex align-items-center me-2">
                <span class="w-40px badge badge-light-warning me-4">警告</span>                            <a href="javascript:;" class="text-gray-700 text-hover-primary">余额已不足，请尽快充值！</a>
                                        </div>
                                        <span class="badge badge-light fs-8">2 年前</span>
                                    </div><div class="d-flex flex-stack py-4">
                                        <div class="d-flex align-items-center me-2">
                <span class="w-40px badge badge-light-primary me-4">通知</span>                            <a href="javascript:;" class="text-gray-700 text-hover-primary">余额已不足，请尽快充值！</a>
                                        </div>
                                        <span class="badge badge-light fs-8">2 年前</span>
                                    </div><div class="d-flex flex-stack py-4">
                                        <div class="d-flex align-items-center me-2">
                <span class="w-40px badge badge-light-warning me-4">警告</span>                            <a href="javascript:;" class="text-gray-700 text-hover-primary">余额已不足，请尽快充值！</a>
                                        </div>
                                        <span class="badge badge-light fs-8">2 年前</span>
                                    </div><div class="d-flex flex-stack py-4">
                                        <div class="d-flex align-items-center me-2">
                <span class="w-40px badge badge-light-warning me-4">警告</span>                            <a href="javascript:;" class="text-gray-700 text-hover-primary">余额已不足，请尽快充值！</a>
                                        </div>
                                        <span class="badge badge-light fs-8">2 年前</span>
                                    </div></div><div class="text-center border-top">
                                    <a href="javascript:void(0);" class="btn btn-color-gray-600 btn-active-color-primary set-notification-read" data-group="default">设置全部已读
                                        <i class="bi bi-eye fs-4"></i>
                                    </a>
                                </div>
                            </div> 
                            <div class="tab-pane fade " id="notification_default2" role="tabpanel">
                                <div class="scroll-y mh-325px my-5 px-8"><div class="d-flex flex-stack py-4">
                                        <div class="d-flex align-items-center me-2">
                <span class="w-40px badge badge-light-primary me-4">通知</span>                            <a href="javascript:;" class="text-gray-700 text-hover-primary">您有一条提现待审核！</a>
                                        </div>
                                        <span class="badge badge-light fs-8">1 年前</span>
                                    </div></div><div class="text-center border-top">
                                    <a href="javascript:void(0);" class="btn btn-color-gray-600 btn-active-color-primary set-notification-read" data-group="default2">设置全部已读
                                        <i class="bi bi-eye fs-4"></i>
                                    </a>
                                </div>
                            </div> -->
                        </div>
                        <!--end::Tab content-->
                    </div>
                    <!--end::Menu-->
                    <!--end::Menu wrapper-->
                </div>
                <div class="d-flex align-items-center ms-1 ms-lg-3">
                    <span class="btn  btn-sm btn-icon icon-refresh" data-bs-toggle="tooltip" data-bs-dismiss="click" title="刷新页面"><i class="bi bi-arrow-repeat fs-3"></i></span>
                </div>
                <div class="d-flex align-items-center ms-1 ms-lg-3" id="app-clear-cache-wrapper">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-icon" data-bs-toggle="dropdown"><i class="bi bi-recycle fs-3"></i></button>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item icon-clear-cache py-2" data-type="all" href="javascript:void(0);"><i class="bi bi-trash me-3"></i>一键清除缓存 <i class="bi bi-info-circle" data-bs-toggle="tooltip" title="" data-bs-dismiss="click" data-bs-original-title="一键清除所有缓存，生成环境下对清除浏览器缓存无效" aria-label="一键清除所有缓存，生成环境下对清除浏览器缓存无效"></i></a></li>
                            <li><a class="separator" href="javascript:void(0);"></a></li>
                            <li><a class="dropdown-item icon-clear-cache py-2" data-type="content" href="javascript:void(0);"><i class="bi bi-archive me-3"></i>清除缓存内容 <i class="bi bi-info-circle" data-bs-toggle="tooltip" title="" data-bs-dismiss="click" data-bs-original-title="清除从数据库查询的缓存数据" aria-label="清除从数据库查询的缓存数据"></i></a></li>
                            <li><a class="dropdown-item icon-clear-cache py-2" data-type="template" href="javascript:void(0);"><i class="bi bi-files me-3"></i>清除模板缓存 <i class="bi bi-info-circle" data-bs-toggle="tooltip" title="" data-bs-dismiss="click" data-bs-original-title="清除生成的模板缓存文件" aria-label="清除生成的模板缓存文件"></i></a></li>
                            <li><a class="dropdown-item icon-clear-cache py-2" data-type="browser" href="javascript:void(0);"><i class="bi bi-fan me-3"></i>清除浏览器缓存 <i class="bi bi-info-circle" data-bs-toggle="tooltip" title="" data-bs-dismiss="click" data-bs-original-title="清除浏览器端静态资源文件css、js、图片等" aria-label="清除浏览器端静态资源文件css、js、图片等"></i></a></li>
                        </ul>
                    </div>
                </div>
                <div class="d-flex align-items-center ms-1 ms-lg-3">
                    <span class="btn btn-sm btn-icon icon-screen-full" data-bs-toggle="tooltip" data-bs-dismiss="click" title="全屏切换"><i class="bi bi-fullscreen fs-3"></i></span>
                </div>
                
                <!--begin::User menu-->
                <div class="app-navbar-item ms-1 ms-md-3" id="kt_header_user_menu_toggle">
                    <!--begin::Menu wrapper-->
                    <div class="cursor-pointer symbol symbol-circle symbol-30px symbol-md-35px" data-kt-menu-trigger="click" data-kt-menu-attach="parent" data-kt-menu-placement="bottom-end">
                        <img src="{$auth->avatar}" alt="user" />
                    </div>
                    <!--begin::User account menu-->
                    <div class="menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-800 menu-state-bg menu-state-primary py-4 fs-6 w-275px" data-kt-menu="true">
                    <!--begin::Menu item-->
                    <div class="menu-item px-3">
                        <div class="menu-content d-flex align-items-center px-3">
                            <!--begin::Avatar-->
                            <div class="symbol symbol-50px me-5">
                                <img alt="avatar" src="{$auth->avatar}">
                            </div>
                            <!--end::Avatar-->
                            <!--begin::Username-->
                            <div class="d-flex flex-column">
                                <div class="fw-bolder d-flex align-items-center fs-5">{$auth->username}<span class="badge badge-light-success fw-bolder fs-8 px-2 py-1 ms-2">{$auth->name}</span></div>
                                <a href="javascript:void(0);" class="fw-bold text-muted text-hover-primary fs-7">{$auth->mobile}</a>
                            </div>
                            <!--end::Username-->
                        </div>
                    </div>
                    <!--end::Menu item-->
                    <!--begin::Menu separator-->
                    <div class="separator my-2"></div>
                    <!--end::Menu separator-->
                    <!--begin::Menu item-->
                    <div class="menu-item px-5">
                        <a href="javascript:;" data-key="admin-setting" data-url="{:url('Admin/setting')}" data-title="个人设置" class="menu-link px-5 addtabs">个人设置</a>
                    </div>
                    <!--end::Menu item-->
                    <!--begin::Menu item-->
                    <!-- <div class="menu-item px-5">
                        <a href="../../demo1/dist/pages/projects/list.html" class="menu-link px-5">
                            <span class="menu-title">我的项目</span>
                            <span class="menu-badge">
                                <span class="badge badge-light-danger badge-circle fw-bolder fs-7">3</span>
                            </span>
                        </a>
                    </div> -->
                    <!--end::Menu item-->


                    <!--begin::Menu item-->
                    <div class="menu-item px-5 my-1">
                        <a href="javascript:;" data-key="admin-setting" data-url="{:url('Admin/setting')}" data-title="我的操作日志" class="menu-link px-5 addtabs">操作日志</a>
                    </div>
                    <!--end::Menu item-->
                    <div class="separator my-2"></div>
                    <!--begin::Menu item-->
                    <div class="menu-item px-5">
                        <a href="{:url('login/logout')}" class="menu-link px-5 d-flex justify-content-between">
                            <span>退出登录</span>
                            <span><i class="bi bi-box-arrow-right text-dark fs-4"></i></span>
                        </a>
                    </div>
                    <!--end::Menu item-->

                </div>
                    <!--end::User account menu-->
                    <!--end::Menu wrapper-->
                </div>
                <!--end::User menu-->
                <!--begin::Header menu toggle-->
                <!--end::Header menu toggle-->
            </div>
            <!--end::Navbar-->
        </div>
        <!--end::Header wrapper-->
    </div>
    <!--end::Header container-->
</div>